.homeContainer {
width: 100%;
height: 1000px;
}

.homeTitle {
  font-size: 45rpx;
  font-weight: bold;
  margin: 20rpx 0;
}

.homeInfo {
  font-size: 36rpx;
  margin: 8rpx 0;
  color: #555;
}

div.code {
white-space: pre;
}

element.style {
}
.token {
display: inline-block;
}
.token.attribute{
color:blue;
}

code[class*=language-], pre[class*=language-] {
color: #585d66;
font-size: 12px;
text-shadow: none;
font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
line-height: 16px;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;

background-origin: black
}

.token.name{
color:red;
}
.token.attr{
color:green;
}
.token.string{
color:yellow;
}
.token.keyword{
color:blue;
}

.hljs{

background: grey;
color: #444;

}
.demo--wrapper{


}